<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body {
  height:1000px;
}
.absolute {
  width:400px;
  height:100px;
  background-color:blue;
  position:absolute;
  right:0;
  bottom:0;
}
.fixed1 {
  width:300px;
  height:300px;
  background-color:red;
  position:fixed;
  right:0;
  bottom:0;
}
.fixed2 {
  width:500px;
  height:200px;
  background-color:green;
  position:fixed;
  right:0;
  bottom:0;
}
</style>
</head>

<body>
<div class="absolute">absolute</div>
<div class="fixed1">fixed1</div>
<span class="fixed2">fixed2</span>
固定定位：<br>
    1.使元素完全脱离文档流
    2.与绝对定位的特性基本一致，差别是固定元素始终相对整个文档进行定量偏移；(在设置了浏览器文档高度【不为100%】，拉动滚动条固定元素始终保持与整个文档的相对位置。
    2、即使该固定素有一个父级包裹，父级元素定位偏移，也不会影响固定定位元素的位置，只有父级独自发生偏移)
    <strong>问题：IE6不支持固定定位；</strong>
</body>
</html>
